<template>
	<view class="news">
		<!-- view class="news_item">
			<image src="http://demo.dtcms.net/upload/201504/16/201504161149414479.jpg"></image>
			<view class="right">
				<view class="tit">fsdfsdff士大夫士大夫撒旦恐惧愤怒</view>
				<view class="info">
					<text>发表时间:2020-10-24</text>
					<text>浏览:100</text>
				</view>
			</view>
			
		</view>
		<view class="news_item">
			<image src="http://demo.dtcms.net/upload/201504/16/201504161149414479.jpg"></image>
			<view class="right">
				<view class="tit">fsdfsdff士大夫士大夫撒旦恐惧愤怒</view>
				<view class="info">
					<text>发表时间:2020-10-24</text>
					<text>浏览:100</text>
				</view>
			</view>
			
		</view>
		<view class="news_item">
			<image src="http://demo.dtcms.net/upload/201504/16/201504161149414479.jpg"></image>
			<view class="right">
				<view class="tit">fsdfsdff士大夫士大夫撒旦恐惧愤怒</view>
				<view class="info">
					<text>发表时间:2020-10-24</text>
					<text>浏览:100</text>
				</view>
			</view>
			
		</view> -->
		<news-pages></news-pages>
	</view>
</template>

<script>
	import { newsPage } from './index.nvue'
	export default {
		data() {
			return {
				
			}
		},
		components:{
			"news-pages": newsPage
		},
		methods: {
			getNews(){
				this.$myRequest({
					
				})
			}
		}
	}
</script>

<style lang="scss">
 .news{
	 .news_item{
		 display: flex;
		 padding: 10rpx 20rpx;
		 border-bottom: 1px solid $shop-color;
		 image{
			 min-width: 200rpx;
			 max-width: 200rpx;
			 height: 150rpx;
		 }
		 .right{
			 margin-left: 15rpx;
			 display: flex;
			 flex-direction: column;
			 justify-content: space-between;//靠边
			 .tit{
			 	font-size: 33rpx;
			 }
			 .info{
				 font-size: 15rpx;
				 text:nth-child(2){
					 margin-left: 30rpx;
				 }
			 }
		 }
		 
	 }
 }
</style>
